<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  
  <script src="./vue.js"></script>
  <script>
    const app = new Vue({
      el: '',  // 挂载点，对应的HTML模板
      data: { // 就是页面中的数据，是可变的，只要是你想要操控的数据，我们都可以添加到data中

      },
      methods: {
        // methods中应该包含Vue中所有的函数，事件函数以及普通调用的函数
        
        /* 
          事件 
            v-on="函数名"
            v-on="函数名()"

          在一些钩子函数中直接调用  
            this.函数名()

          在{{}}中调用
            {{函数名()}}

         */

        fn () {
          // 在方法中我们可以很方便的操作data
          // this.data中的属性名 即可
        }

      }
    })
  
  
  </script>
</body>
</html>